<template>
  <div>
    <!-- 顶部导航兰 -->
    <appNavbar />
    <appHeader />
    <!-- 吸顶头部 -->
    <AppHeaderStick />
    <!-- 内容容器 -->
    <div class="app-body">
      <!-- 二级路由 -->
      <RouterView />
    </div>
    <!-- 底部导航栏 -->
    <appFooter />
  </div>
</template>
<script>
import appNavbar from '@/components/app-navbar'
import appHeader from '@/components/app-header'
import appFooter from '@/components/app-footer'
import AppHeaderStick from '@/components/app-header-sticky'
import { useStore } from 'vuex'
export default {
  name: 'Layout',
  data () {
    return {}
  },
  components: {
    appNavbar,
    appHeader,
    appFooter,
    AppHeaderStick
  },
  // 获取下分类数据
  setup () {
    const store = useStore()
    store.dispatch('category/getlist')
  },
  methods: {}
}
</script>
<style scoped lang="less">
</style>
